<template>
	<div class="tab-front relative">
		<el-tabs v-model="activeName">
			<el-tab-pane label="国家字典维护" name="first">
				<keep-alive>
					<section-1 v-if="activeName === 'first'"></section-1>
				</keep-alive>
			</el-tab-pane>
			<el-tab-pane label="省份字典维护" name="second">
				<keep-alive>
					<section-2 v-if="activeName === 'second'"></section-2>
				</keep-alive>
			</el-tab-pane>
			<el-tab-pane label="城市字典维护" name="three">
				<keep-alive>
					<section-3 v-if="activeName === 'three'"></section-3>
				</keep-alive>
			</el-tab-pane>
		</el-tabs>
		<!-- 顶部菜单 -->
		<v-menu/>
	</div>
</template>
<script>
import section1 from './section1'
import section2 from './section2'
import section3 from './section3'
import Menu from './menu'
export default {
	components: {
		'section-1': section1,
		'section-2': section2,
		'section-3': section3,
		'v-menu': Menu
	},
	data() {
		return {
			activeName: 'first'
		}
	}
}
</script>